@main_height: 748px; // 总体高度
@ul_height: 100px; // ul的高度
@item_width: 285px; // item的宽度
@icon_size: 55px; // 统一图标大小
@magrin_text: 45px; // 间隔大小
.section_main_view {
  height: @main_height;
  position: relative;
  display: flex;
  color: white;
  background: #c25f5f;
  min-width: 1200px;
  background: url("/public/assets/bg.gif") no-repeat;
  background-size: 100% 100%;
  // animation: farms 3s infinite;
  animation: farms 20s infinite;
  .section_main_text {
    margin: auto;
    text-align: center;
    h2 {
      font-size: 45px;
      margin-bottom: @magrin_text;
      span {
        color: #2b9ee3;
      }
    }
    p {
      font-size: 18px;
      color: #cccccc;
      margin-bottom: @magrin_text;
    }
  }
  .section_main_ul {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: @ul_height;
    padding: 20px;
    box-sizing: border-box;
    background: black;
    opacity: 0.5;
    .item {
      width: @item_width;
      margin: 0 20px;
      font-size: 14px;
      font-weight: lighter;
      .item_title {
        font-size: 19px;
        margin-bottom: 10px;
      }
      img {
        margin-right: 15px;
        height: @icon_size;
        width: @icon_size;
      }
    }
  }
}

@keyframes farms {
  from{
    background: url("/public/assets/bg.gif") no-repeat;
    background-size: 100% 100%;
  }
  50%{
    background: url("/public/assets/case-bg1.jpg") no-repeat;
    background-size: 100% 100%;
  }
  100%{
    background: url("/public/assets/bg.gif") no-repeat;
    background-size: 100% 100%;
  }
}